import axios from "axios";
import router from "../router";
// 创建axios实例
const service = axios.create({
  timeout: 30000 // 请求超时时间
});
// 添加request拦截器
service.interceptors.request.use(
  config => {
    return config;
  },
  error => {
    Promise.reject(error);
  }
);
// 添加respone拦截器
service.interceptors.response.use(
  response => {
    let res = {};
    res.status = response.status;
    res.data = response.data;
    return res;
  },
  error => {
    if (error.response && error.response.status == 404) {
      router.push("/blank.vue");
    }

    return Promise.reject(error.response);
  }
);

// 使用axios可以统一做请求-响应拦截，例如响应时我们将响应信息拦截起来，判断状态码，从而弹出报错信息
// 设定请求超时,例如3000ms未响应则停止请求
// 基于promise,可以很方便地使用then或者catch来处理请求
// 自动转换json数据

// 上述代码主要实现一个基本的axios封装，请求成功时获取响应对象，我们主需要获取几个有用的信息即可，
// 例如状态码，数据即可，同时处理错误，例如返回404我们跳转到一个新界面
export function get(url, params = {}) {
  params.t = new Date().getTime(); //get方法加一个时间参数,解决ie下可能缓存问题.
  return service({
    url: url,
    method: "get",
    headers: {},
    params
  });
}

//封装post请求
export function post(url, data = {}) {
  //默认配置
  let sendObject = {
    url: url,
    method: "post",
    headers: {
      "Content-Type": "application/json;charset=UTF-8"
    },
    data: data
  };
  sendObject.data = JSON.stringify(data);
  return service(sendObject);
}

//封装put方法 (resfulAPI常用)
export function put(url, data = {}) {
  return service({
    url: url,
    method: "put",
    headers: {
      "Content-Type": "application/json;charset=UTF-8"
    },
    data: JSON.stringify(data)
  });
}
//删除方法(resfulAPI常用)
export function deletes(url) {
  return service({
    url: url,
    method: "delete",
    headers: {}
  });
}

//不要忘记export
export { service };
